


/*
    总结： 这种方式适合父子件的通信，如果是三层以上通信就不合适了，这里可以用$attrs

    1. 在父组件中定义事件监听器，名称为enlarge-text
    <blog-post v-on:enlarge-text="postFontSize += 0.1"></blog-post>

    2. 在子组件中通过内建的$emit方法并传入父组件中定义的事件监听器的名称，来指定触发的事件
      
      <button v-on:click="$emit('enlarge-text')">
        Enlarge text
      </button>
       编程样触发: this.$emit('enlarge-text')



    如何使用事件抛出的值
        1） $emit方法的第二个参数提供抛出的值
        <button v-on:click="$emit('enlarge-text', 0.1)">
          Enlarge text
        </button>


        2） 父组件的监听器中可以通过$event来访问被抛出的值
        <blog-post v-on:enlarge-text="postFontSize += $event"></blog-post>


        如果这个事件处理函数是一个方法
        // 1. 父组件监听器
        <blog-post v-on:enlarge-text="onEnlargeText"></blog-post>

        // 2. 父组件的方法，抛出的值会作为第一个参数传入这个方法
        methods: {
          onEnlargeText: function (enlargeAmount) {
            this.postFontSize += enlargeAmount
          }
        }
    
 */